<template>

  <Menu mode="horizontal" theme="light" active-name="7" @on-select="menuSelect">


    <MenuItem name="7">
      <Icon type="ios-construct"/>
      系统设置
    </MenuItem>

    <MenuItem name="1">
      <Icon type="ios-paper"/>
      参数注入
    </MenuItem>
    <MenuItem name="2">
      <Icon type="ios-people"/>
      class代理（字节码）
    </MenuItem>

    <MenuItem name="3">
      <Icon type="ios-people"/>
      bean代理
    </MenuItem>

    <MenuItem name="4">
      <Icon type="ios-people"/>
      消息转发管理
    </MenuItem>

    <MenuItem name="5">
      <Icon type="ios-people"/>
      redis代理
    </MenuItem>


    <MenuItem name="6">
      <Icon type="ios-people"/>
      rpc代理
    </MenuItem>

  </Menu>

  <div v-show="activeMenu=='1'">
    <ParamInject/>
  </div>
  <div v-show="activeMenu=='7'">
    <SystemConfig/>
  </div>

</template>
<script setup>
import {onMounted, ref, toRaw, inject, getCurrentInstance} from "vue";
import api from '../request/apis'
import moment from "moment";
import {Message} from 'view-ui-plus'
import {nextTick, debounce} from '../utils'
import _ from "lodash";
import ParamInject from "./param/ParamInject.vue"
import SystemConfig from "./system/SystemConfig.vue"

const activeMenu = ref("7");
const menuSelect = (name) => {
  activeMenu.value = name;
}

onMounted(() => {

})


//

</script>
<style scoped>
</style>